<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>永泰GDP</title>
    <link rel="stylesheet" href="/index/css/bootstrap.css">
    <link rel="stylesheet" href="/index/css/Reset.css">
    <!-- 页面css -->
    <link rel="stylesheet" href="/index/css/indicators/indicators.css">
</head>

<body>
<%--时间选择
<div id="time-select" class="btn-group  time-select">
    <button type="button" class="btns  btn btn-default dropdown-toggle"
            data-toggle="dropdown">2015
    </button>
    <ul class="dropdown-menu" role="menu">
        <li>
            <a href="#" data-stopPropagation=”true”>
                <select name="" class="select-year">
                    &lt;%&ndash;<option value="01">2019</option>&ndash;%&gt;
                    &lt;%&ndash;<option value="02">2018</option>&ndash;%&gt;
                    &lt;%&ndash;<option value="03">2017</option>&ndash;%&gt;
                </select>年
                <select name="" class="select-month">
                    <option value="-">-月份-</option>
                    <option value="01">01</option>
                    <option value="02">02</option>
                    <option value="03">03</option>
                    <option value="04">04</option>
                    <option value="05">05</option>
                    <option value="06">06</option>
                    <option value="07">07</option>
                    <option value="08">08</option>
                    <option value="09">09</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="11">12</option>
                </select>月
                <button class="btn btn-sm btn-warning btn-yellow">确定</button>
            </a>
        </li>
    </ul>
</div>--%>

<div class="row no-margin">
    <div class="col-xs-12 ">
        <!-- 各县区排名 -->
        <div id="county-ranking"></div>
    </div>
</div>
<div class="row no-margin">
    <div class="col-xs-12 " style="position:relative;">
        <!-- 增长率 完成情况 -->
        <div id="finish-situation"></div>
        <div class="dashboard-data">市目标: <em></em> %</div>
    </div>
</div>
<div class="row no-margin">
    <div class="col-xs-12 ">
        <!-- 累计完成值和同比增长情况-->
        <div id="finish-value"></div>
    </div>
</div>
<div class="row no-margin">
    <div class="col-xs-12 ">
        <!-- 一产-->
        <div id="one-production"></div>
    </div>
</div>
<div class="row no-margin">
    <div class="col-xs-12 ">
        <!-- 二产-->
        <div id="two-production"></div>
    </div>
</div>
<div class="row no-margin">
    <div class="col-xs-12 ">
        <!-- 三产-->
        <div id="three-production"></div>
    </div>
</div>

<script src="js/jquery.min.js"></script>
<script src="js/echarts.js"></script>
<script src="js/bootstrap.min.js"></script>
<!-- 本页面js -->
<script src="js/indicators/indicators.js"></script>
<script>
    $(function () {
        basicCharts("A01");

        /**
         * 一二三产业请求
         * industryRequest(el,type)
         * el=>元素ID   type=》"产业类型"
         */
      function industryRequest(el,type) {
          $.ajax({
              url: "/index/indicators/queryGDPIndustry",
              type: "POST",
              dataType: "json", //返回数据形式为json
              contentType: 'application/json;charset=UTF-8',
              data: JSON.stringify({"area": "永泰县", "industryId": "A01", "xz": type}),
              success: function (res) {
                  if (res.code == "200") {
                      var item = res.data;
                      industryStage(el, item);

                  }
              }
          });
      }
        industryRequest("one-production","第一产业");
        industryRequest("two-production","第二产业");
        industryRequest("three-production","第三产业");

    })
</script>
</body>

</html>